<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/commons.css">
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <div class="banner">
        <div class="banner-top">
            <div class="banner-contain">
                <div class="banner-img1 fl"><img src="../imgs/new-logo-white2.png" alt=""></div>
                <div class="fr banner-word">
                    已有源码账号,<a href="../pages/login.html" target="_blank">立即登录</a>
                </div>
            </div>
        </div>
        <form>
            <div class="banner-con">
                <div class="bannercon-con">
                    <h1>欢迎注册</h1>
                    <h3>百款接口免费试用</h3>
                    <p class="bcp">注册即送300元大礼包</p>

                    <div class="it1 itt">
                        <input class="input-text" type="text" placeholder="用户名（6~20位字母数字）">
                        <span class="input-text-span itts"><img src="../imgs/clearInput.png" alt=""></span>
                        <p class="ittp1 ittp"><span></span>昵称需在6-12位字母数字间</p>
                    </div>

                    <div class="it1 itt">
                        <input class="input-text" type="text" placeholder="请输入手机号">
                        <span class="input-text-span itts"><img src="../imgs/clearInput.png" alt=""></span>
                        <p class="ittp2 ittp"><span></span>请输入正确的手机号</p>
                    </div>

                    <div class="inpu-top1 itt">
                        <input class="input-text input-text-review" type="text" placeholder="请输入手机短信验证码"><button
                            class="get-num">获取验证码</button>
                        <span class="input-text-span2 itts"><img src="../imgs/clearInput.png" alt=""></span>
                        <p class="ittp3 ittp"><span></span>请输入4位手机验证码</p>
                    </div>

                    <div class="it1 itt">
                        <input class="input-text" type="password" placeholder="请输入6至12位的密码">
                        <span class="input-text-span itts"><img src="../imgs/clearInput.png" alt=""></span>
                        <p class="ittp4 ittp"><span></span>请输入6至12位的密码</p>
                    </div>

                    <div class="inpu-top2">
                        <span class="inputop-1 fl"></span>
                        <div class="fl">
                            <span class="inputop-2">我已阅读并接受</span>
                            <a href="https://www.jd.com/" target="_blank">《源码用户服务协议》</a>
                            <a href="https://www.taobao.com/" target="_blank">《源码隐私政策》</a>
                        </div>
                    </div>
                    <button class="register-rightnow">立即注册</button>
                </div>
            </div>
        </form>
    </div>




    <script src="../js/register.js"></script>
</body>

</html>